.top-tool {
  position: fixed;
  top: .8rem;
  left: 0;
  z-index: 10;
  width: 7.5rem;
  height: .98rem;
  padding: 0 .3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000;
}

.top-tool img {
  display: block;
  width: .51rem;
  height: .45rem;
}

.top-tool button span {
  font-size: .28rem;
}

.personal-box {
  width: 100%;
  background: #1b1b1b;
  border-radius: .24rem;
  margin-bottom: .6rem;
}

.personal {
  height: 4.06rem;
}

.personal .top {
  position: relative;
  height: 2.35rem;
  padding: .53rem 0 .3rem .18rem;
  border-bottom: 0.02rem solid rgba(153, 153, 153, 0.6);
  display: flex;
}

.personal .top img {
  width: 1.52rem;
  border-radius: 50%;
}

.personal .top button {
  width: 1.44rem;
  height: .5rem;
  color: #fff;
  font-size: .24rem;
  line-height: .5rem;
  border-radius: 50px  0 0 50px;
  border: none;
  background-image: linear-gradient(to right, #f89c44, #fed3aa);
  position: absolute;
  bottom: .3rem;
  right: 0;
}

.personal .top button:hover {
  background: #f08624;
}

.personal .idbox {
  height: 100%;
  padding-left: .30rem;
}

.personal .idbox p {
  line-height: 1rem;
  font-size: .34rem;
  font-weight: bolder;
}

.personal .idbox span {
  display: flex;
  line-height: .5rem;
}

.personal .idbox svg {
  margin-left: .3rem;
  width: .34rem;
}

.personal .pdata ul {
  height: 1.2rem;
  display: flex;
  justify-content: space-around;
  margin-top: .2rem;
}

.personal .pdata ul li {
  width: 1.15rem;
  border-radius: .12rem;
}

.personal .pdata ul li p {
  line-height: .7rem;
  text-align: center;
  font-size: .28rem;
  font-weight: bold;
}

.personal .pdata ul li span {
  display: block;
  line-height: .5rem;
  text-align: center;
}

.personal .pdata ul li:hover {
  background: #222222;
}

.typebox {
  height: 3.08rem;
}

.typebox .title {
  padding-left: .55rem;
  font-size: .34rem;
  font-weight: bolder;
  line-height: 1.25rem;
  height: 1.25rem;
  border-bottom: 0.02rem solid rgba(153, 153, 153, 0.6);
}

.typebox ul {
  height: 1.83rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .55rem;
}

.typebox ul li {
  width: 1.1rem;
  height: 1rem;
  font-size: .28rem;
  border-radius: .12rem;
}

.typebox ul li img {
  display: block;
  width: .45rem;
  margin: .05rem auto;
}

.typebox ul li p {
  text-align: center;
  line-height: .45rem;
}

.typebox ul li:hover {
  background: #222222;
}
